@import '~antd/es/style/themes/default.less';
.tabContainer {
  background-color: #fff;
  padding: 24px 24px 50px;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #f0f0f0;
  :global(.ant-pro-page-container-warp) {
    display: none;
  }
}

.OrgTypeModel{
  :global{
    .ant-table-body{
      .ant-form-item-explain{
        font-size: 12px;
      }
      &::-webkit-scrollbar{
        width: 4px;
        height: 4px;
        background-color: transparent;
        box-shadow: 5px 5px 25px 0 rgba(217,217,217,.1);
      }
      &::-webkit-scrollbar-thumb {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color:  rgba(217,217,217,.9);
      }
      &::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color: transparent;
      }
    }
    .editable-cell {
      position: relative;
    }
    
    .editable-cell-value-wrap {
      padding: 5px 12px;
      cursor: pointer;
    }
    
    .editable-row:hover .editable-cell-value-wrap {
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      padding: 4px 11px;
    }
    
    [data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
      border: 1px solid #434343;
    }
  }
}
.rightField{
  :global{
    .ant-form-item-label{
      display: block;
      flex: none;
      max-width: none;
    }
    .ant-form-item-control{
      max-width: none;
      flex: none;
      width: 100%;
    }
  }
}
.treeContent{
  max-height: 300px;
  overflow: auto;
  &::-webkit-scrollbar{
    width: 4px;
    height: 4px;
    background-color: transparent;
    box-shadow: 5px 5px 25px 0 rgba(217,217,217,.1);
  }
  &::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 6px rgba(217,217,217,.3);
      background-color:  rgba(217,217,217,.9);
  }
  &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 6px rgba(217,217,217,.3);
      background-color: transparent;
  }
}
// .nickname{
//   :global{
//     label{
//       position: relative;
//       &::before{
//         display: inline-block;
//         margin-right: 4px;
//         color: #ff4d4f;
//         font-size: 14px;
//         font-family: SimSun, sans-serif;
//         line-height: 1;
//         content: '*';
//       }
//     }
//   }
// }
.emailSetDialog{
  :global{
    input[type="text"],
    button.ant-btn-dashed{
      width:calc(100% - 30px);
    }
    .wechatUserId{
      display:block;
      max-height:160px;
      overflow: auto;
      &::-webkit-scrollbar{
        width: 4px;
        height: 4px;
        background-color: transparent;
        box-shadow: 5px 5px 25px 0 rgba(217,217,217,.1);
      }
      &::-webkit-scrollbar-thumb {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color:  rgba(217,217,217,.9);
      }
      &::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color: transparent;
      }
      .deleteButton{
        margin: 0 8px;
        cursor: pointer;
        position: relative;
        transition: all 0.3s;
        &:hover{
          color: #777;
        }
        &:disabled{
          cursor: not-allowed;
          opacity: 0.5;
        }
      }
    }
    .pop{
      position:relative;
      margin-top: 24px;
      .mask{
        display: none;
        .content{
          position: absolute;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 1;
          background: #000;
          background-color: rgba(0,0,0,0.3);
          .button{
            border: 2px dashed #fff;
            border-radius: 5px;
            color: #fff;
            padding: 0 20px;
            cursor: pointer;
          }
        }
      }
      .ant-row{
        line-height: 25px;
        .ant-col-6{
          text-align: right;
          margin-right: 8px;
          padding-right: 2px;
        }
      }
      &:hover{
        .mask{
          display: block;
        }
      }
    }
  }
}
hr{
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  margin: 17px 0;
}
.timeSetDialog{
  :global{
    .ant-modal-body{
      padding: 12px 24px;
      .title{
        display: block;
        margin: 6px 0; 
      }
      .ant-form-item{
        margin-bottom: 0;
      }
    }
  }
}

